<template>
  <footer class="footer-box" :style="{backgroundColor: configData.color || defaultConfig.color}">
    <section class="container">
      <el-row type="flex" justify="space-between">
        <el-col :span="4">
          <img
            src="https://yun-campus-res.oss-cn-shenzhen.aliyuncs.com/kzp/vip/logo4.png"
            class="footer-pic"
          />
        </el-col>
        <el-col :span="10">
          <div class="footer-tip-wrap">
            <p class="footer-tip">办公地址：湖南省长沙市天心区中国长沙人力资源产业园B座</p>
            <p class="footer-tip">企业邮箱：weyon@bibibi.net</p>
            <p class="footer-tip">上班时间（节假日除外）：上午8:30—12:00 下午14:00—18:00</p>
            <p class="footer-tip">技术支持：云研科技 | 域名备案信息：粤ICP备14051456号</p>
          </div>
        </el-col>
        <el-col :span="4" style="text-align: right;">
          <img
            src="https://yun-campus-res.oss-cn-shenzhen.aliyuncs.com/kzp/vip/code.png"
            class="footer-pic"
          />
        </el-col>
      </el-row>
    </section>
  </footer>
</template>

<script>
export default {
  name: "footer-box",
  props: {
    config: { typeof: Object }
  },
  computed: {
    configData() {
      const { config, defaultConfig } = this;

      if (!config) {
        return defaultConfig;
      } else {
        return config;
      }
    }
  },
  data() {
    return {
      defaultConfig: {
        color: "#f7f7f7"
      }
    };
  }
};
</script>

<style lang="scss" scoped>
.footer-box {
  width: 100%;
  padding: 50px 0px;

  p {
    font-size: 14px;
    line-height: 30px;
  }
}
</style>
